<template>
  <view class="page flex-col">
        <view class="group_1 flex-col">
          <view class="box_1 flex-row">
            <span class="text_1">9:41</span>
            <img
              class="thumbnail_1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbc8b065cb049f3558ed13cee883f7ebb4208566613d62057412ff18adb258d03"
            />
            <img
              class="thumbnail_2"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge2d0210b0e3c9c22cdd72f51a0b2c53768cc7d90ef6a325508602b5e17d0fe30"
            />
            <img
              class="image_1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng94453512b80fc09beef7531f197aa618ef23723c1db4743928447c71bed4cb28"
            />
          </view>
          <view class="nav-bar_1 flex-col"><span class="text_2">曦联云</span></view>
          <view class="box_2 flex-row justify-between">
            <view class="single-avatar_1 flex-col"></view>
            <view class="text-group_1 flex-col">
              <span class="text_3">Run&nbsp;Tu</span>
              <span class="text_4">ID：237457983</span>
            </view>
          </view>
          <view class="box_3 flex-row justify-between">
            <view class="text-group_2 flex-col">
              <span class="text_5">购买云机</span>
              <span class="text_6">抢赚佣金&nbsp;持续收益&nbsp;外送套餐</span>
            </view>
            <button class="button_1 flex-col">
              <span class="text_7">前往抢购</span>
            </button>
          </view>
          <view class="box_4 flex-row">
            <view class="text-group_3 flex-col">
              <span class="text_8">可提余额</span>
              <span class="text_9">¥2132&nbsp;申请提现</span>
            </view>
          </view>
          <view class="box_5 flex-col">
            <view class="text-wrapper_1 flex-row justify-between">
              <span class="text_10">统计</span>
              <span class="text_11">共&nbsp;0&nbsp;台设备</span>
            </view>
            <view class="block_1 flex-row justify-between">
              <view class="text-wrapper_2 flex-col">
                <span class="text_12">总收益</span>
                <span class="text_13">784543</span>
              </view>
              <img
                class="image_2"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf7e9fe1f53c7985813d6ba289b9b80e84d0412f75a6833bbfb9ed4a865f70b62"
              />
            </view>
            <view class="list_1 flex-row">
              <view class="text-wrapper_3-0 flex-col">
                <span class="text_14-0">分红奖励</span>
                <span class="text_15-0">543</span>
              </view>
              <view class="text-wrapper_3-1 flex-col">
                <span class="text_14-1">推荐奖励</span>
                <span class="text_15-1">43</span>
              </view>
              <view class="text-wrapper_3-2 flex-col">
                <span class="text_14-2">云机奖励</span>
                <span class="text_15-2">13</span>
              </view>
            </view>
            <view class="list_2 flex-row">
              <view class="text-group_4-0 flex-col">
                <span class="text_16-0">678</span>
                <span class="text_17-0">广告</span>
              </view>
              <view class="text-group_4-1 flex-col">
                <span class="text_16-1">78</span>
                <span class="text_17-1">视频</span>
              </view>
              <view class="text-group_4-2 flex-col">
                <span class="text_16-2">65</span>
                <span class="text_17-2">人气</span>
              </view>
              <view class="text-group_4-3 flex-col">
                <span class="text_16-3">43</span>
                <span class="text_17-3">品宣</span>
              </view>
            </view>
          </view>
          <view class="box_6 flex-col">
            <span class="text_18">常用工具</span>
            <view class="grid_1 flex-row">
              <view class="image-text_1 flex-col">
                <view class="icon_1 flex-col"></view>
                <span class="text-group_5">我的优惠券</span>
              </view>
              <view class="image-text_2 flex-col">
                <view class="icon_2 flex-col"></view>
                <span class="text-group_6">账户管理</span>
              </view>
              <view class="image-text_3 flex-col">
                <view class="icon_3 flex-col"></view>
                <span class="text-group_7">修改密码</span>
              </view>
              <view class="image-text_4 flex-col">
                <view class="icon_4 flex-col"></view>
                <span class="text-group_8">我的订单</span>
              </view>
              <view class="image-text_5 flex-col">
                <img
                  class="icon_5"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng791c2077403928fb7be40f3e86dbf46500c34963a48621c228ec49e85f3c4334"
                />
                <span class="text-group_9">分享海报</span>
              </view>
              <view class="image-text_6 flex-col">
                <img
                  class="icon_6"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngce9b656a5061184c7f8d646ac2983cfd9b1a4fe5ce7c34a5d423e2fa5cb329f6"
                />
                <span class="text-group_10">预约购机</span>
              </view>
            </view>
          </view>
        </view>
      </view>
</template>
<script>
  import storage from '@/utils/storage'
  import {userID,Benegits} from '../../api/system/user.js'
  import {deviceNumber} from '../../api/system/index.js'
  export default {
    data() {
      return {
        name: this.$store.state.user.name,
        version: getApp().globalData.config.appInfo.version,
		devicenum:'',		//存储设备数量
		userId:'',
		BenegitsList:[]
      }
    },
    computed: {
      avatar() {
        return this.$store.state.user.avatar
      },
      windowHeight() {
        return uni.getSystemInfoSync().windowHeight - 50
      }
    },
	mounted(){
		this.getdeviceNumber(),
		this.myBenegits()
	},
    methods: {
		// 获取动态Id
		async myUser(){
			const userId = await userID()
			console.log('获取信息成功',userId);
			return userId
		},
		// 获取设备数量
		async getdeviceNumber(){
			this.loopData0 = this.devicenum
			const userId = await this.myUser()
			deviceNumber(userId).then(res=>{
				console.log('请求成功',res);
				 this.devicenum = res
			})
		},
		async myBenegits() {
			const userId = await this.myUser(); // 使用 await 等待 myUser() 返回的结果
			Benegits(userId).then((res) => {
				console.log("查看我的收益成功", res);
				this.BenegitsList = res;
			});
			
		},
	  handleToEditColletion() {
	    this.$tab.navigateTo('/pages/mine/editcolletion/editcolletion')
	  },
	  Walletwithdrawal() {
	    this.$tab.navigateTo('/pages/mine/benefits/benefits')
	  },
	  handleToCanvas() {
	    this.$tab.navigateTo('/pages/mine/canvas/canvas')
	  },
      handleToInfo() {
        this.$tab.navigateTo('/pages/mine/info/edit')
      },
      handleToEditInfo() {
        this.$tab.navigateTo('/pages/mine/info/edit')
      },
      handleToSetting() {
        this.$tab.navigateTo('/pages/mine/setting/index')
      },
      handleToLogin() {
        this.$tab.reLaunch('/pages/login')
      },
      handleToAvatar() {
        this.$tab.navigateTo('/pages/mine/avatar/index')
      },
      handleLogout() {
        this.$modal.confirm('确定注销并退出系统吗？').then(() => {
          this.$store.dispatch('LogOut').then(() => {
            this.$tab.reLaunch('/pages/index')
          })
        })
      },
      handleHelp() {
        this.$tab.navigateTo('/pages/mine/help/index')
      },
      handleAbout() {
        this.$tab.navigateTo('/pages/mine/about/index')
      },
      handleJiaoLiuQun() {
        this.$modal.showToast('QQ群：①133713780、②146013835')
      },
      handleBuilding() {
        this.$modal.showToast('模块建设中~')
      },
	  
    }
  }
</script>
<style>
	@import url("../common/common.css");
	.grid_2{
		width: 330px;
		display: flex;
		justify-content: space-evenly;
	}
	.grid-item{
		width: 100px;
		display: flex;
		flex-direction: column;

	}
	.img{
		width: 50px;
		height: 50px;
		text-align: center;
		margin: auto;
	}
	text{
		text-align: center;
	}
</style>
<style lang="scss">
	.page {
	  background-color: rgba(7, 12, 28, 1);
	  position: relative;
	  width: 375px;
	  height: 916px;
	  overflow: hidden;
	}
	
	.group_1 {
	  position: relative;
	  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2b6e5165d8d7c2e1e804133bab1546d30f33b4fa0528b4c640f8e0b687879f24)
	    100% no-repeat;
	  background-size: 100% 100%;
	  padding: 16px 0 183px 0;
	}
	
	.box_1 {
	  margin: 0 11px 0 17px;
	}
	
	.text_1 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 15px;
	  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 18px;
	}
	
	.thumbnail_1 {
	  width: 17px;
	  height: 11px;
	  margin: 4px 0 3px 223px;
	}
	
	.thumbnail_2 {
	  width: 15px;
	  height: 11px;
	  margin: 3px 0 4px 6px;
	}
	
	.image_1 {
	  width: 25px;
	  height: 12px;
	  margin: 3px 0 3px 7px;
	}
	
	.nav-bar_1 {
	  margin-top: 11px;
	  padding: 6px 295px 6px 14px;
	}
	
	.text_2 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 22px;
	  font-family: PingFangSC-Semibold;
	  font-weight: 600;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 30px;
	}
	
	.box_2 {
	  width: 161px;
	  margin: 12px 200px 0 14px;
	}
	
	.single-avatar_1 {
	  border-radius: 50%;
	  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/ef481e00aadc44518959479740814645_mergeImage.png);
	  width: 62px;
	  height: 62px;
	}
	
	.text-group_1 {
	  margin: 7px 0 9px 0;
	}
	
	.text_3 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: PingFangSC-Semibold;
	  font-weight: 600;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 22px;
	  margin-right: 32px;
	}
	
	.text_4 {
	  overflow-wrap: break-word;
	  color: rgba(191, 191, 191, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 12px;
	  margin-top: 12px;
	}
	
	.box_3 {
	  border-radius: 9px;
	  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/ee27bb6d9f684340b3cfe04fb5007114_mergeImage.png);
	  width: 347px;
	  border: 0.3px solid;
	  align-self: center;
	  margin-top: 18px;
	  padding: 9.7px 9.7px 9.7px 14.7px;
	}
	
	.text-group_2 {
	}
	
	.text_5 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 15px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 21px;
	  margin: 0 91px 0 1px;
	}
	
	.text_6 {
	  overflow-wrap: break-word;
	  color: rgba(147, 105, 184, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 17px;
	  margin-top: 4px;
	}
	
	.button_1 {
	  background-image: linear-gradient(
	    90deg,
	    rgba(252, 241, 209, 1) 0,
	    rgba(240, 228, 172, 1) 100%
	  );
	  border-radius: 14px;
	  margin: 7px 0 7px 0;
	  padding: 7px 18px 7px 17px;
	}
	
	.text_7 {
	  overflow-wrap: break-word;
	  color: rgba(69, 49, 37, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 12px;
	}
	
	.box_4 {
	  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/7abe2571c0ba42e1ae0b3ba819e1fc43_mergeImage.png);
	  border-radius: 12px;
	  width: 347px;
	  align-self: center;
	  margin-top: 16px;
	  padding: 22px 247px 21px 14px;
	}
	
	.text-group_3 {
	}
	
	.text_8 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: PingFangSC-Semibold;
	  font-weight: 600;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 16px;
	  margin-right: 22px;
	}
	
	.text_9 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 12px;
	  margin-top: 11px;
	}
	
	.box_5 {
	  background-color: rgba(255, 255, 255, 0.12);
	  border-radius: 12px;
	  width: 347px;
	  border: 0.3px solid;
	  align-self: center;
	  margin-top: 16px;
	  padding: 9.7px 9.7px 20.7px 9.7px;
	}
	
	.text-wrapper_1 {
	  width: 327px;
	}
	
	.text_10 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 20px;
	}
	
	.text_11 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 17px;
	  margin-top: 1px;
	}
	
	.block_1 {
	  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/0dae92e593ff40e8a47fec3f7e8b5023_mergeImage.png);
	  border-radius: 6px;
	  width: 327px;
	  margin-top: 12px;
	  padding: 0 4px 0 17px;
	}
	
	.text-wrapper_2 {
	  margin: 20px 0 20px 0;
	}
	
	.text_12 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 14px;
	  margin-right: 5px;
	}
	
	.text_13 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 16px;
	  margin-top: 12px;
	}
	
	.image_2 {
	  width: 100px;
	  height: 82px;
	}
	
	.list_1 {
	  width: 327px;
	  height: 67px;
	  margin-top: 12px;
	  justify-content: space-between;
	}
	
	.text-wrapper_3-0 {
	  background-size: 100% 100%;
	  margin-right: 6px;
	  padding: 13px 39px 12px 10px;
	  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng72be33872a6018810293186b9938e3552bcc2943697503fe084922bc582708b5)
	    100% no-repeat;
	}
	
	.text_14-0 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 14px;
	}
	
	.text_15-0 {
	  width: 24px;
	  overflow-wrap: break-word;
	  color: rgba(141, 105, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 16px;
	  margin: 12px 32px 0 0;
	}
	
	.text-wrapper_3-1 {
	  background-size: 100% 100%;
	  margin-right: 6px;
	  padding: 13px 39px 12px 10px;
	  background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/4aa8882b8e6743d4bb12e8bd9c516b1f_mergeImage.png);
	}
	
	.text_14-1 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 14px;
	}
	
	.text_15-1 {
	  width: 24px;
	  overflow-wrap: break-word;
	  color: rgba(141, 105, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 16px;
	  margin: 12px 32px 0 0;
	}
	
	.text-wrapper_3-2 {
	  background-size: 100% 100%;
	  margin-right: 6px;
	  padding: 13px 39px 12px 10px;
	  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng72be33872a6018810293186b9938e3552bcc2943697503fe084922bc582708b5)
	    100% no-repeat;
	}
	
	.text_14-2 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 14px;
	}
	
	.text_15-2 {
	  width: 24px;
	  overflow-wrap: break-word;
	  color: rgba(141, 105, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 16px;
	  margin: 12px 32px 0 0;
	}
	
	.list_2 {
	  width: 284px;
	  height: 36px;
	  justify-content: space-between;
	  margin: 14px 15px 0 28px;
	}
	
	.text-group_4-0 {
	  margin-right: 63px;
	}
	
	.text_16-0 {
	  width: 24px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 16px;
	}
	
	.text_17-0 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 12px;
	  margin-top: 8px;
	}
	
	.text-group_4-1 {
	  margin-right: 63px;
	}
	
	.text_16-1 {
	  width: 24px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 16px;
	}
	
	.text_17-1 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 12px;
	  margin-top: 8px;
	}
	
	.text-group_4-2 {
	  margin-right: 63px;
	}
	
	.text_16-2 {
	  width: 24px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 16px;
	}
	
	.text_17-2 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 12px;
	  margin-top: 8px;
	}
	
	.text-group_4-3 {
	  margin-right: 63px;
	}
	
	.text_16-3 {
	  width: 24px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 16px;
	  font-family: DINAlternate-Bold;
	  font-weight: 700;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 16px;
	}
	
	.text_17-3 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 12px;
	  margin-top: 8px;
	}
	
	.box_6 {
	  position: absolute;
	  left: 14px;
	  top: 645px;
	  width: 347px;
	  height: 170px;
	  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0f534a342db62f1ea6e6449bb6fdbf6cf12880c0d10ad10c1fdd44dbfc750bac)
	    100% no-repeat;
	  background-size: 100% 100%;
	  padding: 10px 19px 14px 10px;
	}
	
	.text_18 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 20px;
	  margin-right: 262px;
	}
	
	.grid_1 {
	  width: 314px;
	  height: 111px;
	  flex-wrap: wrap;
	  margin: 15px 0 0 4px;
	}
	
	.image-text_1 {
	  width: 60px;
	  height: 47px;
	  margin: 0 33px 17px 0;
	}
	
	.icon_1 {
	  width: 23px;
	  height: 24px;
	  background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/0c8033ca78b74aae8dcce08ad8968cd6_mergeImage.png)
	    100% no-repeat;
	  background-size: 100% 100%;
	  margin: 0 19px 0 18px;
	}
	
	.text-group_5 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 17px;
	  margin-top: 6px;
	}
	
	.image-text_2 {
	  width: 48px;
	  height: 47px;
	  margin: 0 38px 17px 0;
	}
	
	.icon_2 {
	  width: 24px;
	  height: 24px;
	  background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/1f41af3c4f3246b1b18e2aea5ccff254_mergeImage.png)
	    100% no-repeat;
	  background-size: 100% 100%;
	  align-self: center;
	}
	
	.text-group_6 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 17px;
	  margin-top: 6px;
	}
	
	.image-text_3 {
	  width: 48px;
	  height: 47px;
	  margin: 0 39px 17px 0;
	}
	
	.icon_3 {
	  width: 23px;
	  height: 24px;
	  background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/2f8ee1a2bade4a9681251ed2a104b4ef_mergeImage.png)
	    100% no-repeat;
	  background-size: 100% 100%;
	  margin: 0 13px 0 12px;
	}
	
	.text-group_7 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 17px;
	  margin-top: 6px;
	}
	
	.image-text_4 {
	  width: 48px;
	  height: 47px;
	  margin-bottom: 17px;
	}
	
	.icon_4 {
	  width: 22px;
	  height: 24px;
	  background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/32c19373a8a94b13be7928b91fd347f2_mergeImage.png)
	    100% no-repeat;
	  background-size: 100% 100%;
	  align-self: center;
	}
	
	.text-group_8 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 17px;
	  margin-top: 6px;
	}
	
	.image-text_5 {
	  width: 48px;
	  height: 47px;
	  margin: 0 39px 17px 0;
	}
	
	.icon_5 {
	  width: 25px;
	  height: 24px;
	  margin: 0 12px 0 11px;
	}
	
	.text-group_9 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 17px;
	  margin-top: 6px;
	}
	
	.image-text_6 {
	  width: 48px;
	  height: 47px;
	  margin-bottom: 17px;
	}
	
	.icon_6 {
	  width: 23px;
	  height: 24px;
	  margin: 0 13px 0 12px;
	}
	
	.text-group_10 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 12px;
	  font-family: PingFangSC-Regular;
	  font-weight: NaN;
	  text-align: right;
	  white-space: nowrap;
	  line-height: 17px;
	  margin-top: 6px;
	}
	
	.tab-bar_1 {
	  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9402a950be7f119625743c7d1f72bf77fce5bffd7ad2659fc6d141fc7cff5908)
	    100% no-repeat;
	  background-size: 100% 100%;
	  margin-top: 21px;
	  padding: 10px 51px 8px 53px;
	}
	
	.group_2 {
	  width: 271px;
	}
	
	.tab-bar-item_1 {
	  margin-top: 2px;
	}
	
	.icon_7 {
	  width: 20px;
	  height: 20px;
	}
	
	.text_19 {
	  overflow-wrap: break-word;
	  color: rgba(85, 86, 101, 1);
	  font-size: 9px;
	  font-family: PingFangSC-Semibold;
	  font-weight: 600;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 9px;
	  align-self: center;
	  margin-top: 5px;
	}
	
	.tab-bar-item_2 {
	}
	
	.icon_8 {
	  width: 19px;
	  height: 22px;
	}
	
	.text_20 {
	  overflow-wrap: break-word;
	  color: rgba(85, 86, 101, 1);
	  font-size: 9px;
	  font-family: PingFangSC-Semibold;
	  font-weight: 600;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 9px;
	  margin: 5px 1px 0 0;
	}
	
	.tab-bar-item_3 {
	}
	
	.icon_9 {
	  width: 22px;
	  height: 22px;
	}
	
	.text_21 {
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 9px;
	  font-family: PingFangSC-Semibold;
	  font-weight: 600;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 9px;
	  align-self: center;
	  margin-top: 5px;
	}
	
	.group_3 {
	  width: 134px;
	  align-self: center;
	  margin-top: 24px;
	}
	
	.home-indicator_1 {
	  background-color: rgba(255, 255, 255, 1);
	  border-radius: 100px;
	  width: 134px;
	  height: 5px;
	}
	

</style>
